<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<%@ include file="/commons/validation.jsp" %>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/public.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/common.js"></script>
<link href="${ctx}/styles/aux_window.css" rel="stylesheet" type="text/css">
<style type="text/css">

a.addfile {
	background-image:url(${ctx}/images/browseImg.jpg);
	background-repeat:no-repeat;
	background-position:20%;
	display:block;
	float:left;
	height:23px;
	position:relative;
	margin-left:0;
	text-decoration:none;
	width:57px;
	clip:rect(auto,100px,auto,auto);
}

input.inputStyle{
	cursor:pointer !important;
	height:20px;
	filter:alpha(opacity=0);
	position:relative;
	top:0;
	width:1;
	z-index: -1;
}

</style>

<script type="text/javascript">
	var windowObj = null;
	function init(){
		windowObj = new WindowObject("inForm",["btn1_22","btn1_32"]);
		windowObj.init();
	}
	function mySubmit(){
		windowObj.formSumit();
	}
	function selectChange(thiz){
		$("bankIdForValidate").value = thiz.value;
		if(thiz.value == "" || thiz.value == null){
			$("picpath").disabled = true;
		}else{
			$("picpath").disabled = false;
		}
	}
</script>

</head>

<body onload="init();">
<form id="inForm" name="inForm"
	  action="${ctx}/charge_bankCollection.do?method=inFile"
	  method="POST"
	  ENCTYPE="multipart/form-data"
	  class="required-validate"
	  target="targetIframe">
	 <!-- 这个隐藏表单域没有任何作用,仅用于验证,因为验证框架不能处理select,所以这里处理保管一下 -->
	 <input type="hidden" name="bankIdForValidate" value="">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" class="window_head_outBg"><table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="${ctx}/images/ico_Advance.gif" width="16" height="16" align="absmiddle"> <span class="window_head_intext">回盘</span></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" class="aux_header_line_1"></td>
  </tr>
  <tr>
    <td colspan="2" class="aux_header_line_2"></td>
  </tr>
  <tr>
    <td colspan="2" class="content"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="aux_outtable_color">
        <table width="100%" border="0" cellpadding="0" cellspacing="1" class="aux_intable_color">
         <!--
          <tr>
            <td class="aux_intable_td1">${key.charge_collection_in_bankName}：</td>
            <td class="aux_intable_require">
                       	<pms:unitedSelect
                       	    id="bankId"
                       		name="bankId"
                       		optionLabel="bankName"
                       		optionValue="keyword"
                       		selectText="${key.select}"
                       		dataList="${bankList}"
                       		className="select-one-required"
                       		onChange="selectChange(this);"
                       		style="width:90px;">
                       	</pms:unitedSelect>
           </td>
          </tr>
          -->
          <tr>
            <td class="aux_intable_td1">${key.charge_collection_in_file}：</td>
            <td class="aux_intable_require"><table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><input id="inFileName"
                		   name="inFileName"
                		   type="text"
                		   class="inputtext required "
                		   validateUrl="${ctx}/charge_bankCollection.do?method=validateInFileName"
						   relativeId="bankIdForValidate"
						   afterInsert="required_show"
						   validateMessage="${key.charge_collection_in_file_not_null}"
                		   value=""
                		   size="25"
                		   readonly="readonly">
                </td>
                <td width="4">&nbsp;</td>
                <td>
                	<a href="#" onFocus="this.blur()" class="addfile">
                		<input onChange="inFileName.value=this.value;inFileName.fireEvent('onblur');"
                				type="file"
                				 name="picpath"
                				 id="picpath"
                				 class="inputStyle"
                				 >&nbsp;
                	</a>
                </td>
                <td>
                	<span id="required_show"></span>
                </td>
              </tr>
            </table></td>

            </tr>
        </table>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>

    <td class="window_footer"><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td class="buttonOffLeft" id="btn1_21"></td>
   <td class="buttonOffMiddle" id="btn1_22" onClick="mySubmit();" onMouseOver="btn_change_over(2)" onMouseOut="btn_change_out(2)" onBlur="btn_change(2)"><img src="${ctx}/images/ico_ok.gif" alt="" width="14" height="14" border="0" align="absbottom"> ${key.save}</td>
              <td class="buttonOffRight" id="btn1_23"></td>
            </tr>
        </table></td>
        <td class="btn_between_space"></td>
        <td><table border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td class="buttonOffLeft" id="btn1_31"></td>
              <td class="buttonOffMiddle" id="btn1_32" onClick="windowClose();" onMouseOver="btn_change_over(3)" onMouseOut="btn_change_out(3)" onBlur="btn_change(3)"><img src="${ctx}/images/ico_cancel.gif" alt="" width="14" height="14" border="0" align="absbottom">${key.close}</td>
              <td class="buttonOffRight" id="btn1_33"></td>
            </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
<iframe id="targetIframe" name="targetIframe" width="0%" frameborder="0" style="display:none"></iframe>
</body>
</html>